<template>
  <div class="license">
    <img v-if="route.path === '/file_proof'" src="@/assets/images/file_proof.png" />

    <img v-else-if="route.path === '/medicine/service_license'" src="@/assets/images/service_license.png" />

    <el-carousel height="800px" v-else-if="route.path === '/medicine/tel_license'" :autoplay="false">
      <el-carousel-item>
        <img src="@/assets/images/tel_license1.png" />
      </el-carousel-item>
      <el-carousel-item>
        <img src="@/assets/images/tel_license2.png" />
      </el-carousel-item>
    </el-carousel>

    <img v-else src="@/assets/images/business.jpg" />
  </div>
</template>

<script setup>
import { useRoute } from 'vue-router'

const route = useRoute()

</script>
<style scoped lang="scss">
.license {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  .el-carousel {
    width: 50%;
  }

  img {
    width: 700px;
    height: 800px;
  }
}
</style>
